<template>
  <div class=" animate__animated animate__bounceInRight login-right ">
    <div class="">
       <register class="animate__animated animate__bounceInRight" @handleGologin="handleGologin" v-show="state.isRegister" /> 
       <loginForm class="animate__animated animate__bounceInRight" @handleGoregister="handleGoregister"  v-show="!state.isRegister" /> 
    </div>
  </div>
</template>

<script setup lang="ts">
import {ref,reactive,getCurrentInstance, } from 'vue';
    const internalInstance = getCurrentInstance();//获取当前实例
    const route = internalInstance?.appContext.config.globalProperties.$route;
import loginForm from "/@/views/login/login-form.vue";
import register from "/@/views/login/register.vue";
/*
基本数据类型
引用数据类型（复杂类型） 个人建议 ref初始化变量 
ref 和 reactive 本质我们可以简单的理解为ref是对reactive的二次包装, 
ref定义的数据访问的时候要多一个.value
*/
 const count =ref(0);
 const state = reactive({
   isRegister:false
 })
const handleGoregister = (bool:boolean)=>{
  state.isRegister = bool
}

const handleGologin = (bool:boolean)=>{
  state.isRegister = bool
}

</script>

<style  scoped lang="scss" >
.login-right{
 
}
</style>
